@import url(main.css);



#navbg{ z-index:20; height:80px;}
.navMenu{ clear:both;width:1200px;margin:0px auto; position:relative; height:80px}
.navMenu .sign{ float:left; width:80px; height:80px; }
.navMenu .sign img{ border:0px; float:left}
.navMenu .desc{ float:left;line-height:80px;font-size:18px; color:#444444; padding-left:30px;}




#p_bg{ background:url(../images/bg01.jpg); padding-top:50px}
#p_bg h2,#plist_bg h2,#about_bg h2{ clear:both;  font-size:36px; line-height:50px; height:50px; text-align:center; color:#111111; background:url(../images/d.jpg) center center repeat-x}
#p_bg h2 span,#plist_bg h2 span,#about_bg h2 span {
    display: inline-block;
    padding: 0 25px;
    background: #efefef;
    position: relative;
}
#p_bg h2 span i,#plist_bg h2 span i,#about_bg h2 span i {
    position: absolute;
    top: 23px;
    height: 5px;
    width: 50px;
    background: #dbdbdb;
}
#p_bg h2 span i.is01,#plist_bg h2 span i.is01,#about_bg h2 span i.is01 {
    left: -50px;
}
#p_bg h2 span i.is02 ,#plist_bg h2 span i.is02,#about_bg h2 span i.is02 {
    right: -50px;
}
#p_bg h3,#plist_bg h3,#about_bg h3 {/*40*/
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    line-height: 30px;
    margin-top: 10px;
}

#about_bg h3 strong{ font-size:16px; color:#FF0000; font-weight:normal}

#plist_bg h2{ margin-top:20PX}
#plist_bg h2 span {
    display: inline-block;
    padding: 0 25px;
    background: #FFFFFF;
    position: relative;
}


#pCate{ padding-top:30px}
#pCate li{ width:378px; float:left; text-align:center; margin:10px; border:1px solid #cccccc}
#pCate li h3{ height:46px; line-height:46px; background-color:#00ADB6; font-size:16px; color:#ffffff; margin:0px; padding:0px}

#pCate #li_cate a{ color:#000000}
#pCate #li_cate a span{  width:350px; border:1px solid #CCCCCC; padding:4PX; height:330PX; background:url(../images/cert.jpg) center center no-repeat;background-color:#FFFFFF;}
#pCate #li_cate .cert{ position:relative; padding-top:25px; text-align:center}
#pCate #li_cate .cert dl{ border:1px solid #CCCCCC; height:75px}
#pCate #li_cate .cert dl dt {
    position: absolute;
    width:110px;
    line-height: 40px;
    position: absolute;
	top:5px;
	 left:120px;
    text-align: center;
    color: #FF0000;
    font-size: 16px;
    background: #F4F4F4;
}
#pCate #li_cate .cert dl dd{ clear:both; height:40px; position: absolute; top:45px; padding-top:5px  text-align:center; width:348px}
#pCate #li_cate .cert .cert_more{ clear:both; height:41px; background:url(../images/xl01.png) center center no-repeat; overflow:hidden;padding:0px; position:absolute;  width:41px; left:154px; bottom:-21px}
#pCate #li_cate  a:hover .cert_more{ background:url(../images/xl01_over.png) center center no-repeat}
#pCate #li_cate a:hover span{background:url(../images/cert_1.jpg) center center no-repeat;background-color:#FFFFFF; }

#bg2{ background-image:url(../images/bg02.jpg); height:480px; text-align:center; color:#FFFFFF}
#bg2 .title{font-size: 48px; padding:40px 0 20px 0;}
#bg2 .desc{font-size: 24px; line-height:150%; color:#BBBBBB}

#pCate_title li{ float:left; width:auto; margin:0 7PX; margin-bottom:20px}
#pCate_title li a{ display:block; height:35px; line-height:35px; border:1px solid #ed2d21; padding:5px 25px; font-size:16px; text-decoration:none}
#pCate_title li a:hover{ background-color:#ed2d21; color:#FFFFFF}


.wd670{ float:left; width:670px;line-height:200%}
.wd530{ float:right; width:530px}
#about_title{  padding-top:39px}
#about_cnt { height:362px}
#about_cnt .wd670{ height:351px; background:url(../images/bg03.jpg) bottom no-repeat; padding:0px 22px 11px 0; width:648px; line-height:200%; font-size:14px}
#about_cnt .wd530{ border:1px solid #CCCCCC; width:528PX; height:360PX}
#about_cnt .wd530 img{ width:100%;}


#banner_bg { height:400px; background:url(../images/banner_bg.jpg)  center center no-repeat;  z-index:11}


@media (min-width:992px){/*md*/
.Menu{ width:800px; float: right}

		.nav h3{ font-size:100%; font-weight:normal; font-size:16px;  }	
		.nav .m{  position:relative; float:left; width:120px;  display:inline; text-align:center; height:80px}	
		.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px;vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 	}	
		.nav h3 a{  zoom:1;  height:80px; line-height:80px; display: inline-block; width:100%;text-decoration:none; color:#000000}
		.nav h3 a:hover,.nav h3 a.link_over{ color:#FFFFFF; text-decoration:none;font-weight:normal; background-color:#00adb6}	
		.nav .on h3 a{  width:100%; text-align:center; height:80px; line-height:80px; font-weight:normal;  background-color:#00adb6; color:#FFFFFF}	
		.nav .sub{ display:none;  width:120px; position:absolute; left:0px; top:80px;  background:#cefdff;  float:left; z-index:99	}	
		.nav .sub li{ clear:both; text-align:center; height:48px; line-height:48px}
		.nav .sub li a{ color:#333; display:block; zoom:1; font-size:14px; height:48px; line-height:48px}	
		.nav .sub li a:hover{  background:#00adb6; color:#FFFFFF; text-decoration:none}	
		.nav #m7{ width:80px} 

#plist_bg #h2-1{ color:#ff0000}
#plist_bg h3{ font-size:20px; padding:10px 0; color:#555555}

#dingzuo li{ float:left; padding:30px; width:140px;}
#dingzuo li div{ border:1px solid #F00; border-radius:50%; width:138PX; height:138px; text-align:center}
#dingzuo li div i{ font-size:80px; color:#FF0000; line-height:138px}
#dingzuo li  h5{ clear:both; margin-top:20px; font-size:16px; text-align:center; color:#333333}

#bg2_about ul{ padding-top:30px}
#bg2_about li{ float:left; width:300px; text-align:center}
#bg2_about li div{ margin:0 80px; width:140px; height:140px}
#bg2_about li div a{ display:inline-block; border:2px solid #FFFFFF; width:136px ; height:136px; border-radius:50%; text-align:center; font-size:72px; line-height:136px; color:#FFFFFF; text-decoration:none}
#bg2_about li div a:hover{ background-color:#FF3F3C; border:2px solid #FF3F3C}
#bg2_about li:first-child+li div a{ font-size:50px}
#bg2_about li h5{clear:both; margin-top:20px; font-size:16px; text-align:center; color:#ffffff}

#about_bg h2 span {
    display: inline-block;
    padding: 0 25px;
    background: #FFFFFF;
    position: relative;
}

#about_bg li{ float:left; width:280px; text-align:center; padding:0 10px}
#about_bg li img{ width:280px; height:210px}
#about_bg li h5{ font-size:16px; height:45px; line-height:45px; text-align:center; font-weight: normal}
#pCate{ padding-top:0px}

#pCate li img{ border:0px; width:378px; height:378px;}
#btm_menu,.cd-nav-trigger{ display:none}



/*about*/
#banner_nav_bg { height:60px; position: absolute;z-index:40;  top:420px; border-bottom:2PX solid #DDDDDD}
#banner_nav { height:60px; position: relative; background:url(../images/navbg01.png)}
.nav_left{ float:left; width:180px; height:60px; background:url(../images/nav_left.png); text-align:center; font-size:20px; color:#FFFFFF; line-height:60px}
.nav_right{ width:1000PX; float:right; height:60PX}
.nav_right li{ float:left; width:100px; margin:0 10px; font-size:16px; text-align:center; line-height:60px;height:60PX; }
.nav_right li a{ display:inline-block; width:100px; height:60px; color:#333333 }
.nav_right li a:hover,.nav_right li a.link_over{ height:60px; border-bottom: 3px solid #00ADB6; color:#00ADB6; text-decoration:none}
#nav_page{ height:80px; line-height:80px; border-bottom:1px solid #CCCCCC; font-size:18px; color:#00ADB6;}
#nav_page em{ color:#555555}

#page_cnt{ font-size:14px; line-height:150%}

.equitment_list li{ float:left; width:380px; height:315px; margin:9px; border:1px solid #CCCCCC; text-align: center}
.equitment_list li img{ width:380px; height:285px}
.equitment_list li p{ height:30px; line-height:30px; font-size:14px; text-align:center}
/*news*/
#news_bg{ background:url(../images/news_bg.jpg) top center; height:400px}
.newsplist{ padding-top:10px}
.newsplist li{ height:180px; margin-bottom:20px; clear:both}
.newsplist li .left{ width:120px; background-color:#00ADB6; color:#FFFFFF; height:180PX; padding-right:20px; text-align:right; font-size:14px; line-height:150%}
.newsplist li .left strong{ display:block;font-size:48px; height:70px; line-height:120px;font-family: "Impact"}
.newsplist li .right{ width:1060px;  background-color:#F7F7F7}
.newsplist li .right a{ display:inline-block; width:1020px; height:140px; padding:20px; text-decoration:none}
.newsplist li .right a h5{ font-weight:normal; height:35px; line-height:35px; font-size:18px}
.newsplist li .right a .ptxt{ height:73px; line-height:150%; color:#666; text-indent:2em}
.pmore font{ display:inline-block; width:100px; height:30px; text-align:center; font-size:12px; border:1px solid #00ADB6; line-height:30px; color:#00ADB6}
.newsplist li .right a:hover{ border:1px solid #1f79b9; width:1018px; height:138px;}
.newsplist li .right a:hover h5{ color:#1871b1}

/*view*/
#page_nav{ height:40px; line-height:40px}
#news_h1 h1{ font-size:20Px; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #dddddd;text-align:center; color:#FF6600}
#pdate{ color:#999; height:40px; line-height:40px}
.cnt_txt{ padding:10px; line-height:200%; font-size:14px}


/*plist*/

.plist li{ float:left; width:262px; height:262px; border:1px solid #CCCCCC; margin:9PX;box-shadow: 3px 3px 0px 0px #e5e5e5; padding:4px}
.plist li a{ width:100%; display:inline-block; position:relative; height:262px; overflow:hidden}
.plist li a span{ display:block; width:262px; height:262px}
.plist li a img{ width:262px; height:262px; border:0px; z-index:55}
.plist li a h3{
	width: 100%;
	height: 37px;
	background-color: #00ADB6;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 225px;
	 line-height:35px; font-size:14px; font-weight:normal;opacity:0.8;filter:alpha(opacity=80); color:#FFFFFF
}

.plist li a p{ width:262px; height:262px; background:url(../images/slide.png); position:absolute; top:0px; left:0px; z-index:60; display:none; overflow:hidden}
.plist li a:hover p{ display:block}

/*detail*/
.desc_base li{ width:50%; float:left; padding:0px; margin:0px}
.desc_base li img{ width:95%}
#desc_title{ height:40px; }
#desc_title strong{ display:block; width:120px; height:40px; line-height:35px; text-align:center; font-size:16px; font-weight:normal; background-color:#3777BC; color:#FFFFFF}

.pcnt{ border:1px solid #CCCCCC; padding:20PX; font-size:14px; line-height:150%}

#btm{ padding:20px 0; background-color:#3E3E3E; color:#FFFFFF}
#btm h4{ font-size:24px; font-weight:normal;padding-right:50px}
#btm p{ line-height:30px; font-size:14px}
#btm_copyright{ height:40px; line-height:40px; text-align:center; color:#FFFFFF; background-color:#313131}

}


@media (max-width:991px){/*xs*/
body{  padding-bottom:51px}
.main_100{clear:both;width:100%;margin:0px auto;}
.main_box{clear:both;width:100%;margin:0px auto;min-width:320px }
#navbg{ height:80px;}
.navMenu{ clear:both;width:100%;margin:0px auto; position:relative; height:80px; z-index:1010; background-color:#FFFFFF}

.navMenu .desc{ float:left;line-height:80px;font-size:14px; color:#444444; padding-left:0px; z-index:1011; background-color:#FFFFFF}
.Menu{ display:none}

button{ border:0px; background-color:#ffffff;float:right; right:10px; top:18px; color:#2987db; position:absolute}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #2987db;
}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #2987db;
}
.Menu{ display:none;clear:both; width:100%; top:81px; left:0px; z-index:1009;; background-color:#ffffff}


#swiper-container2 { }
#swiper-container2 img{ width:100%}

#p_bg{  background-image:url(../images/bg01.jpg); padding-top:20px}
#p_bg h2,#plist_bg h2{ font-size:22px; line-height:40px;  text-align:center; color:#111111; background:url(../images/d.jpg) center center repeat-x}
#p_bg h2{ height:80px}
#p_bg h2 font{ display:block;}
#p_bg h2 span,#plist_bg h2 span {
    display: inline-block;
    padding: 0 20px;
    background: #efefef;
    position: relative;
}
#p_bg h2 span i,#plist_bg h2 span i {
    position: absolute;
    top: 18px;
    height: 5px;
    width: 40px;
    background: #dbdbdb;
}
#p_bg h2 span i.is01,#plist_bg h2 span i.is01 {
    left: -40px;
}
#p_bg h2 span i.is02,#plist_bg h2 span i.is02 {
    right: -40px;
}
#p_bg h3,#plist_bg h3 {/*40*/
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    line-height: 150%;
    margin:10px 5% 0 5%;
}

#plist_bg h2 span {
    display: inline-block;
    padding: 0 10px;
    background: #FFFFFF;
    position: relative;
}

#pCate{ padding:0px; padding-top:10px;}
#pCate ul{ padding:0px 3%}
#pCate li{ width:100%;text-align:center;border:0px; padding:0px ; margin:0px}
#pCate li img{ border:0px; width:100%; }
#pCate li h3{ height:46px; line-height:46px; background-color:#00ADB6; font-size:16px; color:#ffffff; margin:0px; padding:0px; width:100%}


#dingzuo li{ float:left; padding:5%; width:40%;}
#dingzuo li div{ border:1px solid #F00; border-radius:50%;text-align:center; width:126px; height:126px}
#dingzuo li div i{ font-size:80px; color:#FF0000; line-height:126px}
#dingzuo li  h5{ clear:both; margin-top:20px; font-size:16px; text-align:center; color:#333333}

#bg2_about ul{ padding-top:30px}
#bg2_about li{ float:left; width:50%; text-align:center; margin-bottom:20px}
#bg2_about li div{ margin:0 5%; width:90%; text-align:center;}
#bg2_about li div a{ display:inline-block; margin:0 auto; border:2px solid #FFFFFF; width:136px ; height:136px; border-radius:50%; text-align:center; font-size:72px; line-height:136px; color:#FFFFFF; text-decoration:none}
#bg2_about li div a:hover{ background-color:#FF3F3C; border:2px solid #FF3F3C}
#bg2_about li:first-child+li div a{ font-size:50px}
#bg2_about li h5{clear:both; margin-top:20px; font-size:16px; text-align:center; color:#ffffff; font-weight:normal}

#about_bg li{ clear:both;; width:92%; text-align:center; padding:0 4%}
#about_bg li img{ width:100%}
#about_bg li h5{ font-size:16px; height:45px; line-height:45px; text-align:center; font-weight: normal}



#bg2{ background-image:url(../images/bg02.jpg); background-size: auto 100% ; text-align:center; color:#FFFFFF; height:auto; }
#bg2 p{ padding:0 4%}
#bg2 .title{font-size: 24px; padding:30px 0 40PX 0 ;}
#bg2 .desc{font-size: 16px; line-height:150%; color:#BBBBBB; padding-bottom:15px}


.wd670{ width:100%; text-align:center}
.wd530{ display:none}

#about_cnt .wd670{ height: auto; background:url(../images/bg03.jpg) bottom no-repeat; padding:0px 2% 10px 2%; width:96%; line-height:200%; font-size:14px; text-align:left; margin:0px}
#about_cnt .wd530{ display:block; text-align:center; width:100%; height:auto; border:0px}
#about_cnt .wd530 img{ width:100%;}

#btm .left{ display:none}
#btm .right{ clear:both; width:100%; padding-bottom:10px}
#btm_copyright{ height:40px; line-height:40px; text-align:center; color:#666666; background-color:#313131; font-size:12px}

#btm_menu{ background-color:#00ADB6; height:50px; line-height:50px; position:fixed; bottom:0px; z-index:999; font-size:14px}
#btm_menu li{ float:left; width:22%; position:relative}
#btm_menu li a{ display:block; text-decoration:none; color:#FFFFFF; text-align:center;height:50px; line-height:50px; }
#btm_menu li .sub{ display:none; bottom:50px; left:0px; position:absolute; background-color:#d2e8ff;width:100%}
#btm_menu li .sub a{ border:none; height:35px; line-height:35px; color:#333333; width:100%; border-bottom:1PX solid #FFFFFF; }
#btm_menu .li_top{ width:12%}
#btm_menu .li_top a{ border:none; background:url(../images/ico_top_1-1.png) top center no-repeat}




		.nav h3{ font-weight:normal; font-size:16px;  }	
		.nav .m{ width:100%;  display:inline; text-align:center; height:51px; clear:both}	
		.nav h3 a{height:50px; line-height:50px; display: inline-block; width:100%;text-decoration:none; color:#000000; background-color:#d2e8ff; border-bottom:1px solid #FFFFFF}
		.nav h3 a:hover,.nav h3 a.link_over{ color:#FFFFFF; text-decoration:none;font-weight:normal; background-color:#3488EA}	
		.nav .on h3 a{  width:100%; text-align:center; height:50px; line-height:50px; font-weight:normal;  background-color:#3488EA; color:#FFFFFF}	
		.nav .sub{  width:100%; background:#d2e8ff; display:none}	
		.nav .sub li{ clear:both; text-align:center; height:48px; line-height:48px}
		.nav .sub li a{ color:#333; display:block; zoom:1; font-size:14px; height:48px; line-height:48px}	
		.nav .sub li a:hover{  background:#5f9fe3; color:#FFFFFF; text-decoration:none}	


#banner_bg{ height:150px; background-size:auto 100%}


/*about*/
#banner_nav_bg { height:60px; z-index:40;}
#banner_nav { height:60px; position: relative; background:none}
.nav_left{ display:none}

.nav_right{ clear:both; width:100%;height:40PX; padding-top:10px}
.nav_right li{ float:left; width:46%; margin:0 2%; font-size:16px; text-align:center; line-height:40px;height:40PX; }
.nav_right li a{ display:inline-block; width:100px; height:60px; color:#333333 }
.nav_right li a:hover,.nav_right li a.link_over{ height:40px; border-bottom: 2px solid #3488EA; color:#3488EA; text-decoration:none}


#nav_page{ display:none}
#nav_page em{ color:#555555}

#page_cnt{ clear:both; padding:0 4%; font-size:14px; line-height:150%; width:92%}

#page_cnt img{ width:100%;}

.equitment_list li{ clear:both; width:96%; padding:2%; margin-bottom:10px;text-align: center}
.equitment_list li img{ width:100%}
.equitment_list li p{ height:30px; line-height:30px; font-size:14px; text-align:center}

/*plist*/

.plist li{ clear:both; width:96%; padding:2%; margin-bottom:10px;text-align: center}
.plist li a{ width:100%; display:inline-block; overflow:hidden}
.plist li a span{ display:block; width:100%;}
.plist li a img{ width:100%;border:0px; z-index:55}
.plist li a h3{
	width: 100%;
	height: 37px;
	background-color: #00ADB6;
	text-align: center;
	left: 0px;
	top: 225px;
	 line-height:35px; font-size:14px; font-weight:normal;opacity:0.8;filter:alpha(opacity=80); color:#FFFFFF
}

.plist li a p{ width:262px; height:262px; background:url(../images/slide.png); position:absolute; top:0px; left:0px; z-index:60; display:none; overflow:hidden}
.plist li a:hover p{ display:block}

/*detail*/
.desc_base li img{ width:100%}
#desc_title{ height:40px; }
#desc_title strong{ display:block; width:120px; height:40px; line-height:35px; text-align:center; font-size:16px; font-weight:normal; background-color:#3777BC; color:#FFFFFF}

.pcnt{ border:1px solid #CCCCCC; padding:20PX; font-size:14px; line-height:150%}

/*news*/
.newsplist li{ margin-bottom:20px; clear:both; }
.newsplist li .left{ display:none}
.newsplist li .right{ width:93%; padding:0 3%}
.newsplist li .right a{ display:inline-block; width:96%;  padding:2%; text-decoration:none;border-bottom:1px solid #CCCCCC}
.newsplist li .right a h5{ font-weight:normal; height:35px; line-height:35px; font-size:18px; overflow:hidden}
.newsplist li .right a .ptxt{line-height:150%; color:#666; text-indent:2em; padding-bottom:10px}
.pmore{ display:none }

/*view*/
#page_nav{ height:40px; line-height:40px}
#news_h1 h1{ font-size:20Px; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #dddddd;text-align:center; color:#FF6600}
#pdate{ color:#999; height:20px; line-height:20px}
#pdate a{ color:#999999}
.cnt_txt{ padding:10px; line-height:200%; font-size:14px}


}